import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { Icon } from 'react-native-elements';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  text: {
    color: 'gray',
    paddingTop: 8
  }
})

export default ({text='Empty', icon='content-paste'}) =>
  <View style={styles.container}>
    <Icon color='gray' name={icon} size={30}/>
    <Text style={styles.text}>{text}</Text>
  </View>;
